<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>魅族商城</title>
    <link rel="stylesheet" href="/Css/index.css">
    <link rel="stylesheet" href="/Css/header.css">
    <link rel="stylesheet" href="/Css/footer.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="icon" href="https://store.res.meizu.com/layout/img/favicon-2e71785f44.ico" type="image/x-icon">
    <script src="/libs/requirejs/require.js" data-main="/js/index"></script>

</head>

<body>
    <header></header>
    <section>
        <div class="swiper-container slideshow ">
            <ul class="swiper-wrapper ">
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
                <li class="swiper-slide ban">
                    <a href="#" onclick="return false" onclick="return false"></a>
                </li>
            </ul>
            <div class="swiper-pagination"></div>
        </div>

        <div class="section_box">
            <ul>
                <li>
                    <a href="#" onclick="return false"><img src="/images/section_box/01.jpg" alt="">
                        <p>预约新品享抽奖</p>
                        <p>申请中测赢新品</p>
                    </a>
                </li>
                <li>
                    <a href="#" onclick="return false"><img src="/images/section_box/02.png" alt="">
                        <p>魅族 16s</p>
                        <p>立即购买</p>
                    </a>
                </li>
                <li>
                    <a href="#" onclick="return false"><img src="/images/section_box/03.jpg" alt="">
                        <p>魅族 Note9</p>
                        <p>立即购买</p>
                    </a>
                </li>
                <li>
                    <a href="#" onclick="return false"><img src="/images/section_box/04.jpg" alt="">
                        <p>以旧换新</p>
                        <p>免费寄件 专业检测</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="meizuPhone">

            <h3>魅族手机</h3>
            <a href="#" onclick="return false"></a>
            <div class="meizuPhone_head">
                <a href="#" onclick="return false">
                    <span>新品</span>
                    <ul>
                        <li>魅族 16s</li>
                        <li>骁龙855 4800W光学防抖</li>
                        <li>￥3198</li>
                        <li><img src="/images/meizuPhone/01.png" alt=""></li>
                    </ul>
                </a>
                <a href="#" onclick="return false">
                    <span>热卖</span>
                    <ul>
                        <li>魅族 Note9</li>
                        <li>吃鸡不卡 拍她更美|骁龙675 后置4800万</li>
                        <li>￥1398</li>
                        <li><img src="/images/meizuPhone/02.png" alt=""></li>
                    </ul>
                </a>
            </div>
            <div class="meizuPhone_list prod_list"></div>
        </div>
        <div class="meizuLisen">
            <h3>魅族声学</h3>
            <a href="#" onclick="return false"></a>
            <div class="meizuLisen_list"></div>
        </div>
        <div class="meizuMountings">
            <h3>智能配件</h3>
            <a href="#" onclick="return false"></a>
            <div class="meizuMountings_list"></div>
        </div>
        <div class="meizuLife">
            <h3>生活周边</h3>
            <a href="#" onclick="return false"></a>
            <div class="meizuLife_list">
            </div>
        </div>
        <div class="community">
            <h3>社区热帖</h3>
            <div class="community_list"></div>
        </div>
        <div class="flyMe">
            <h3>Flyme</h3>
            <div class="flyMe_list"> </div>
        </div>
        <div class="Live">
            <h3>精彩视频</h3>
            <div class="Live_list">
            </div>

    </section>
    <footer></footer>
    <!-- 商品列表模板 -->
    <script type="text/html" id="firstList">
        {{each products prod}}
        <div>
            <a href="/html/detail.html?id={{prod.id}}" target="_blank">
                <span>领券</span>
                <ul>
                    <li><img src="{{prod.image}}" alt=""></li>
                    <li>{{prod.title}}</li>
                    <li></li>
                    <li>￥{{prod.price}}</li>
                </ul>
            </a>
        </div>
        {{/each}}
    </script>
    <script type="text/html" id="secondList">
        {{each products prod}}
        <div>
            <a href="/html/detail.html?id={{prod.id}}" target="_blank">
                <ul>
                    <li><img src="{{prod.image}}" alt=""></li>
                    <li>{{prod.title}}</li>
                    <li></li>
                    <li>￥{{prod.price}}</li>
                </ul>
            </a>
        </div>
        {{/each}}
    </script>
    <script type="text/html" id="thirdList">
        {{each products prod}}
        <div>
            <a href="/html/detail.html?id={{prod.id}}" target="_blank">
                <ul>
                    <li><img src="{{prod.img}}" alt=""></li>
                    <li><img src="{{prod.pic}}" alt="">{{prod.name}}</li>
                    <li>{{prod.title}}</li>
                    <li>{{prod.subtitle}}</li>
                </ul>
            </a>
        </div>
        {{/each}}
    </script>
    <script type="text/html" id="fouthList">
        {{each products prod}}
        <div>
            <a href="/html/detail.html?id={{prod.id}}" onclick="return false">
                <ul>
                    <li><img src="{{prod.img}}" alt=""></li>
                    <li>{{prod.title}}</li>
                </ul>
            </a>
        </div>
        {{/each}}
    </script>

</body>

</html>